// 一般在react项目中会创建一个根组件
import React from 'react'
import List from './components/List'

function Test() {
  return <h1>test组件</h1>
}

export default function App() {
  return (
    <div id="app">
      {/* 使用List组件的时候,才会知道要渲染什么数据.所以List组件要渲染的数据,应该是组件外部的数据,然后传递到组件内容进行使用 */}

      {/* 将外部的数据通过props传递给第一个组件实例 */}
      {/* <List test={[1, 2, 3]}></List> */}
      {/* <List test={['a', 'b']} /> */}

      <List xxx={Test} yyy={<Test></Test>} zzz={<h1>123</h1>}></List>
    </div>
  )
}
